<!-- 
  NotificationIcon.vue is a part of Moosync.
  
  Copyright 2021-2022 by Sahil Gupte <sahilsachingupte@gmail.com>. All rights reserved.
  Licensed under the GNU General Public License. 
  
  See LICENSE in the project root for license information.
-->

<template>
  <svg
    class="button-grow"
    width="19"
    height="17"
    viewBox="0 0 19 17"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    @click="$emit('click', $event)"
  >
    <path
      d="M4.51678 1.84492L3.40053 0.704973C0.791992 3.33247 0.791992 5.23665 0.791992 7.69717H1.58366L2.37533 7.64659C2.37533 5.29606 2.37533 4.00118 4.51678 1.84492ZM15.5993 0.704973L14.4847 1.84492C16.6253 4.00118 16.6253 5.29606 16.6253 7.69717L18.2087 7.64659C18.2087 5.23665 18.2087 3.33247 15.5993 0.704973V0.704973ZM9.50033 16.5277C9.9906 16.5283 10.4689 16.3741 10.8687 16.0863C11.2685 15.7986 11.57 15.3917 11.7312 14.9222H7.26941C7.43064 15.3917 7.73212 15.7986 8.13194 16.0863C8.53175 16.3741 9.01005 16.5283 9.50033 16.5277V16.5277ZM15.042 10.5759V6.89439C15.042 4.31185 13.3122 2.13633 10.9689 1.48206C10.7369 0.889612 10.1701 0.472168 9.50033 0.472168C8.83058 0.472168 8.26374 0.889612 8.03178 1.48206C5.68766 2.13633 3.95866 4.31185 3.95866 6.89439V10.5759L2.60728 11.9463C2.53363 12.0207 2.47521 12.1092 2.4354 12.2066C2.39559 12.304 2.37517 12.4084 2.37533 12.5138V13.3166C2.37533 13.5295 2.45873 13.7337 2.6072 13.8843C2.75567 14.0348 2.95703 14.1194 3.16699 14.1194H15.8337C16.0436 14.1194 16.245 14.0348 16.3935 13.8843C16.5419 13.7337 16.6253 13.5295 16.6253 13.3166V12.5138C16.6255 12.4084 16.6051 12.304 16.5653 12.2066C16.5254 12.1092 16.467 12.0207 16.3934 11.9463L15.042 10.5759Z"
      fill="white"
    />
  </svg>
</template>

<style lang="sass" scoped>
*
  cursor: pointer
</style>
